@import "functions";
@import "reset";
@import "common";
@import "dialog";
$fs:rem-calc(28px) rem-calc(32px) rem-calc(24px) rem-calc(22px);
%red{color: #FF5350;}
%gray{color: #999;}
body{background: #EFEFF4;}
ul{background: #fff;padding:0 0 0 rem-calc(30px);}
label{display: block;font-size: nth($fs,1)}
li{height: rem-calc(88px);line-height: rem-calc(88px);border-bottom: .1rem solid #EFEFF4;padding-right: rem-calc(30px);}
div{font-size: nth($fs,1);}
.page{
	padding: rem-calc(28px) 0;
	.shoppingInfo{
		margin-bottom: rem-calc(30px);
		#cash{font-size: nth($fs,2);@extend %red;}
	}
	.payFor{
		margin-bottom: rem-calc(24px);
		h2{font-size: nth($fs,3);font-weight: normal;padding: 0 0 rem-calc(20px) rem-calc(30px);@extend %gray;}
		.icons-PF{display: block;width: rem-calc(60px);height: rem-calc(60px);background: url(../img/icons-PF.png) no-repeat;background-size: rem-calc(58px) rem-calc(227px);margin-top: .35rem;margin-right: rem-calc(27px);}
		.wechat{background-position: center;}
		.yinlian{background-position: bottom;}
		span{@extend %gray;font-size: nth($fs,4);}
		li{
			position: relative;
			&:after{content:"";position: absolute;width: rem-calc(13px);height: rem-calc(13px);border-top: .1rem solid #666;border-right: .1rem solid #666;right: rem-calc(27px);top: rem-calc(40px);transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
		}

	}
	.warm{
		@extend %gray;
		font-size: nth($fs,3);
		padding-left: rem-calc(30px);
		span{@extend %red;}
	}
}